<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            font: 12px/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .c2-block1 {
            /*position: relative;*/
            background-color: #97BEFC;
            height: 900px;
            width: 100%;
            padding: 135px 0;
        }
        .c2-content-wrapper {
            position: relative;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        div {
            display: block;
        }
        .c2-flex-between-center {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .c2-content-inner-wrapper {
            position: relative;
            width: 100%;
            max-width: 1002px;
            margin: 0 auto;
        }
        .c2-block1-m1 {
            width: 599px;
            height: 237px;
        }
        img {
            overflow-clip-margin: content-box;
            /*overflow: clip;*/
        }
        .c2-block1-m2 {
            width: 500px;
            height: 500px;
        }
        input {
            padding: 1px 2px;
            text-rendering: auto;
            letter-spacing: normal;
            word-spacing: normal;
            text-transform: none;
            text-indent: 0px;
            text-shadow: none;
            display: inline-block;
            text-align: start;
            appearance: textfield;
            cursor: text;
        }
        .btn.blue {
            width: 200px;
            position: absolute;
            top: 370px;
            left: 600px;
            background-color: #6797E3;
            color: #fff;
            border: 1px solid #6797E3;
        }
        .btn.blue:hover{
            background-color: #649efd;
            border: 1px solid #649efd;
        }
        .lgbtn {
            line-height: 26px;
        }

        .btn-block {
            display: block;
            width: 100%;
        }

        .btn {
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            touch-action: manipulation;
            cursor: pointer;
            background-image: none;
            white-space: nowrap;
            padding: 6px 12px;
            font-size: 14px;
            border-radius: 2px;
        }
        button {
            text-rendering: auto;
            letter-spacing: normal;
            word-spacing: normal;
            text-indent: 0px;
            text-shadow: none;
            align-items: flex-start;
            text-transform: none;
            overflow: visible;
        }
    </style>
</head>
<body>
<div class="c2-content-wrapper c2-block1">
    <div class="c2-content-inner-wrapper c2-flex-between-center">
        <img class="c2-block1-m1" src="https://i9.taou.com/maimai/p/32852/9070_6_62fi3quzY5YjTC9Q">
        <img class="c2-block1-m2" src="/images/zhuye_1.png">
    </div>
    <input id="btnLogin" class="btn btn-block lgbtn blue" type="button" value="去找工作" onclick="toQueryPosition()">
</div>
<div style="width: 100%;height: 1000px;">

</div>
</body>
<script>
    function toQueryPosition(){
        location.href="/menu/toPquery";
    }
</script>
</html>